@charset "utf-8";
body {
    color: #111;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
}
@font-face {
  font-family: "SourceHanSerifCN-SemiBold";
}
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }
.img-hide img{ transition: 0.3s all; transform: scale(1,1); }

.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.index-flash {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.index-flash li {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.index-flash li video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: 100%;
  object-fit: cover;
}
.index-flash li a {
  position: relative;
  display: block;
  height: calc(100vh + 60px);
  overflow: hidden;
  width: 100%;
}
.index-flash li a img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.index-flash .arrow a {
    display: block;
    width: 0.53rem;
    height: 0.53rem;
    background: center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 1;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -0.26rem;
    opacity: 0;
}
.index-flash .arrow a.next {
    right: 0.28rem;
    background-image: url(../images/next53_2.png);
}
.index-flash .btn {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: auto;
    bottom: 100px;
}
.index-flash .btn .dots span {

    margin: 0 8px;
    width: 20px;
    height: 20px;
    background:url(../images/dian01.png) center no-repeat;
    opacity: 1;
    display: inline-block;
}
.index-flash .btn .dots span.swiper-pagination-bullet-active {
    background:url(../images/dian02.png) center no-repeat;
}
.container{ width: 1420px; }
.banner-box{ position: relative; }
.banner-bottom{ position: absolute; left: 0; right: 0;  bottom: 0; z-index: 10000;}
.header{ position: fixed; left: 0; top: 0; transition: 0.3s all; right: 0; z-index: 99999; height: 163px; background: url(../images/header.png) center no-repeat; }
.header.active{ background: rgba(0,0,0,0.8); transition: 0.3s all; }
.header-top{ background: #06262f; color: #fff; transition: 0.3s all; border-bottom: solid 1px #003448; line-height: 45px; height: 46px; }

.header-link a{ color: #fff; }
.header-link span{ padding:0 8px; }
.header .container{ position: relative; }
.nav-list li{ float: left; margin-right: 110px; margin-top: 45px; }
.nav-list li a{ font-size: 20px; color: #fff; font-family: "SourceHanSerifCN-SemiBold"; }
.nav-list li:nth-child(4){ margin-left: 360px; }
.nav-list li:last-child{ margin-right: 0; }
.logo{ position: absolute; top: 20px; left: 50%; transform: translate(-50%,0); }
.banner-search{ height: 70px; padding:0 75px; background: rgba(0,0,0,0.3); padding-top: 15px; border:solid 1px rgba(0,0,0,0.5); }
.banner-search-box{ position:relative; padding-right: 230px; }
.banner-search-box .form-control{ height:46px; background: none; height: 46px; font-size: 22px; color: #fff; padding-left: 0; border-radius: 0; box-shadow: none; border:none; border-bottom: solid 1px #4d8f9e; }
.btn-ss{ position: absolute; right: 0; top: 0; width: 180px; background: #ffb72c; height: 46px; border-radius: 46px; text-align: center; padding:0; color: #fff; font-size: 20px; } 
.banner-search-box .form-control::-webkit-input-placeholder{
            color:#fff;
        }
.banner-search-box .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
.banner-search-box .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
.banner-search-box .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;}
.page-one{ background: url(../images/back01.png) center no-repeat; background-size: cover; padding:60px 0; }

.page-one .title a.tt-more,.page-five .title a.tt-more{ background: url(../images/jiahao.svg) left center no-repeat; color: #005867;background-size: 35%;}
.page-one .title a.newssite{float:left;margin-left:150px;}

.title span{ display: inline-block; font-family: "SourceHanSerifCN-SemiBold"; position: relative; z-index: 100; }
.tt-box{ padding-top: 10px; margin-bottom: 40px; position: relative; font-size: 36px; color: #005867; }
.title font{ position: absolute; font-family: "SourceHanSerifCN-SemiBold"; left: 50%; top: 0; transform: translate(-50%,0); opacity: 0.3; white-space:nowrap;font-size:26px; }
.img-slick{ width: 48.2%; margin:0; }
.img-slick a{ display: block; position: relative; padding-top: 77.5%; }
.img-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: cover; }
.img-slick-bottom{ position: absolute; right: 0; bottom: 0; left: 17.5%; background: rgba(255,255,255,0.8); padding:20px 30px; }
.img-slick-tt{ font-size: 20px; color: #333; }
.img-slick-p{ color:#666; text-align: justify; line-height: 25px; height: 75px; overflow:hidden; margin-top: 15px; }
.img-slick-date{ position: absolute; left: 0; bottom: 100%; font-size: 16px; color: #fff; background: #00849a; width: 120px; line-height: 45px; }
.img-news-tt{ font-size: 20px; color: #333; line-height: 76px; }
.img-news a{ display: block; position: relative; padding-left: 70px; border-bottom: dashed 1px #adadad; }
.img-news-date{position: absolute;line-height: 18px;left: 0;top: 20px;font-family: "Times New Roman";font-size: 14px;color: #00849a;font-weight: bold;}
.img-news-date span{ font-size: 30px; }
.img-news{ margin-top: -20px; }
.page-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; padding:60px 0; }
.page-tow .tt-box span{ color: #fff; }
.page-tow .tt-box font{ color: #005867; }
.title a.tt-more{ float: right; font-size: 16px; margin-top: 20px; color: #fff; line-height: 33px; background: url(../images/jiahao1.svg) left center no-repeat; padding-left: 45px;background-size: 35% }
.tow-left{ width: 38%; }

.by-slick{position:relative;}
.by-slick-img{ border-radius: 10px; overflow:hidden; position: relative; padding-top: 66%; }
.by-slick-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.by-slick-tt{ font-size: 24px; color: #fff; margin-top: 25px; }
.by-slick-p{ color:#fff; text-align: justify; line-height: 25px; height: 75px; overflow:hidden; margin-top: 10px; }
.by-slick .slick-prev{ width: 84px; height: 57px; left: 0; background: url(../images/left.png) center no-repeat; z-index: 1000; top: 50%; margin-top:-30px; }
.by-slick .slick-next{ width: 84px; height: 57px; right: 0; background: url(../images/right.png) center no-repeat; z-index: 1000; top: 50%; margin-top:-30px; }
.by-slick .slick-dots li,.by-slick .slick-dots li button{ width: 20px; height: 20px; }
.by-slick .slick-dots li{ margin:0 10px; }
.by-slick .slick-dots li button{ background: #c3c3c3; }
.by-slick .slick-dots li.slick-active button{ background: #005867; }
.tow-right{ width: 59%; }
.tow-tabs li{ float: left; margin-right: 100px; }
.tow-tabs li a .title span{ color: #74bbc8; opacity: 1; }
.tow-tabs li a .title span:before{ display: block; content: ""; position: absolute; left: 100%; margin-left:10px; width: 22px; top: 0; bottom: 0; background: url(../images/raw01.png) center no-repeat; }
.tow-tabs li.active a .title span{ color: #fff; }
.tow-tabs li.active a .title span:before{background: url(../images/raw02.png) center no-repeat;}
.tow-news li a{ display: block; border-bottom: dashed 1px #74bbcb; position: relative; padding:21px 0; line-height: 36px; color: #fff; font-size: 20px; }
.tow-news li a font{font-family: "SourceHanSerifCN-SemiBold"; display: inline-block; background: #005867; padding: 0 8px; text-align: center; margin-right: 20px; }
.tow-news li a span{ display: inline-block; margin-right: 20px; }
.tow-tabs li a .tt-box{ margin-bottom: 19px; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.tabs-more{ position: absolute; right: 0; top: -80px; font-size: 16px; margin-top: 20px; color: #fff; line-height: 33px; background: url(../images/jiahao1.svg) left center no-repeat; padding-left: 45px; background-size: 35%;}
.page-three{ padding-top: 55px; }
.page-three .title a.tt-more{ background: url(../images/jiahao.svg) left center no-repeat; color: #005867;background-size: 35%; }
.page-three .row{ margin:0 -25px; }
.page-three .col-xs-6{ padding:0 25px; }
.xs-slick a{ display: block; position: relative; padding-top: 52%; }
.xs-slick a img{ position: absolute; left: 0; top: 0; width: 100%; }
.txt-mask{ position: absolute; left: 0; padding-left: 30px; padding-top: 120px; right: 0; bottom: 0; height: 200px; padding-right: 300px; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.txt-mask p{ font-size: 20px; color: #fff; line-height: 35px; height: 70px; overflow:hidden; }
.xs-slick .slick-dots{ right: 25px; bottom: 25px; width: auto; left: auto; }
.xs-slick .slick-dots li,.xs-slick .slick-dots li button{ width: 8px; height: 8px; }
.xs-slick .slick-dots li button{  background: url(../images/dian03.png) center no-repeat; }
.xs-slick .slick-dots li.slick-active,.xs-slick .slick-dots li.slick-active button{ width: 80px; }
.xs-slick .slick-dots li.slick-active button{  background: url(../images/dian04.png) center no-repeat; }
.xs-list li a{ display: block; line-height: 70px; border-bottom: dashed 1px #ddd; font-size: 20px; color: #333; }
.xs-list li a font{ display: inline-block; margin-right: 18px; width: 29px; background: url(../images/label.png) center no-repeat; text-align: center; font-size: 16px; color: #fff; }
.xs-slick{ margin:0; }
.page-four{ background: url(../images/back04.png) center no-repeat; overflow:hidden; background-size: cover; padding:60px 0; margin-top: 60px; }
.page-four .title a.tt-more{ background: url(../images/jiahao.svg) left center no-repeat; color: #005867; background-size: 35%;}
.rw-slick a{ display: block; transition: 0.3s all; position: relative; margin:0 45px; padding-bottom: 90px; }
.rw-slick{ margin:0 -54%; }
.rw-slick-img{ position: relative; height: 464px; }
.rw-slick-img div{ height: 464px; }

.rw-slick-bottom{ position: absolute; opacity: 0; transition: 0.3s all; padding:35px 45px; left: 100px; height: 420px; bottom: 40px; z-index: 100; background: #fff; width: 380px; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.rw-slick-tt{ font-size: 20px; color: #333; font-weight: bold; line-height: 35px; height: 70px; overflow:hidden; text-align: justify; }
.rw-slick-p{ font-size: 16px; margin-top: 15px; color: #747474; line-height: 25px; height: 100px; overflow:hidden; text-align: justify; }
.rw-slick-span{ font-size: 16px; color: #005867; margin-top: 50px; display: inline-block; }
.rw-slick-number{ font-size: 36px; color: #c2c2c2; font-weight: bold; margin-top: 40px; }
.rw-slick-number span{ font-size: 50px; color: #005867; }
.rw-slick .slick-center a{ transform: translate(0,10px); }
.rw-slick .slick-prev{ width: 84px; height: 57px; left: 50%; margin-left: -640px; background: url(../images/left.png) center no-repeat; z-index: 1000; top: 50%; margin-top:-30px; }
.rw-slick .slick-next{ width: 84px; height: 57px; right: 50%; margin-right: -640px; background: url(../images/right.png) center no-repeat; z-index: 1000; top: 50%; margin-top:-30px; }
.rw-slick .slick-center .rw-slick-bottom{ opacity: 1; }
.rw-slick .slick-dots{ bottom: -20px; }
.rw-slick .slick-dots li,.rw-slick .slick-dots li button{ width: 20px; height: 20px;  }
.rw-slick .slick-dots li button{ background: #c3c3c3; }
.rw-slick .slick-dots li.slick-active button{ background: #005867; }
.rw-slick .slick-dots li{ margin:0 15px; }
.page-five{ padding:60px 0; overflow:hidden;}
.zt-slick a{ display: block; border-radius: 15px; position: relative; margin:0 8px; overflow:hidden; padding-top: 60%; }
.zt-slick a img{ position: absolute; left: 0; top: 0; right: 0; width: 100%; height:100%;object-fit:cover;}
.zt-slick{ margin-right: -35%; margin-bottom: 0; }
.zt-slick a span{ position: absolute; left: 40px; font-size: 20px; top: 25px; color: #fff; }
.zt-slick .slick-prev{ width: 84px; height: 57px; left: -30px; background: url(../images/left.png) center no-repeat; z-index: 1000; top: 50%; margin-top:-30px; }
.zt-slick .slick-next{ width: 84px; height: 57px; right: 25%; margin-right: -35px; background: url(../images/right.png) center no-repeat; z-index: 1000; top: 50%; margin-top:-30px; }

.zt-slick a font{ position: absolute; right: 0; bottom: 30px; font-size: 16px; padding-right: 65px; color: #fff; }
.zt-slick a font:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; width: 60px; border-top: solid 1px #fff; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-top: 50px; }
.footer-tt{ font-size: 24px; margin-top: 30px; color: #fff; font-weight: bold; padding-right: 100px; }
.footer-link a{ display: inline-block; position: relative; margin-right: 100px; margin-top: 30px; }
.footer-box{ position: absolute; display: none; left: 50%; top: 100%; margin-top: 10px; border:solid 1px #fff; border-radius: 10px; transform: translate(-50%,0); width: 140px; padding:10px; font-size: 14px; color: #fff; background: url(../images/footer-sm.png) center no-repeat; background-size: cover; }
.mt-link a{ display: inline-block; margin-left: 100px; margin-top: 30px; }
.footer-right .footer-tt{ padding-right: 0; padding-left: 100px; }
.footer-bottom{ background: #06262f; padding:10px 0; color: #fff; margin-top: 125px; }
.footer-link a:hover .footer-box{ display: block; }
.footer-box:before{ display: block; content: ""; position: absolute; left: 0; bottom: 100%; right: 0; height: 12px; background: url(../images/raw-top.png) center no-repeat; }
.footer-bottom img{ margin-right: 10px; }
.footer-bottom span{ padding:0 20px; }
.img-news{ width: 48.2%; }
.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c{ position: absolute; right: 0; background: #00849a; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}
.btn-search-c{background:#00849a url(../images/icon-a.png) no-repeat center center;}
.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}
.search-a-b{ display: none; }
/***************百年校史*************/
.list-banner{ height:400px; }
.header-list{ position: relative; background: #00849a; }
.list-title{ position: relative; margin-top: 30px; }
.list-title span{ position: relative; z-index: 100; background: #fff; padding-left: 25px; font-size: 24px; color: #00849a; }
.list-title:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: solid 1px #00849a; }
.nav-b{ padding:15px 20px; position: relative; color: #666; border-left: solid 1px #00849a; margin-top: -17px; }
.nav-b a{ color: #666; }
.nav-b a.active,.nav-b a:hover{ color: #00849a; }
.nav-b:before{ display: block; content: ""; position: absolute; left: 0; bottom: -6px; height: 12px; right: 0; background: url(../images/lind.png) right bottom no-repeat;  }
.list-left{ width: 400px; min-height: 770px; margin-bottom: 50px; padding:40px 0; background: url(../images/list-left.png) center no-repeat; background-size: cover; margin-top: 60px; }
.list-left-top{ background: #00849a; line-height: 60px; font-size: 22px; color: #fff; font-weight: bold; padding:0 5px; min-width: 110px; text-align: center;}
.list-nav li a{ display: block; line-height: 50px; padding:0 5px; font-size: 16px; color: #333; border-bottom: dashed 1px #bac3d2; text-align: center;}
.list-nav{ background: rgba(255,255,255,0.95); padding-bottom: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.article-title{ font-size: 30px; margin-bottom: 40px; color: #333; border-bottom: solid 3px #00849a; padding-bottom: 25px; }

.list-right{ width: 940px; margin-top: 60px; margin-bottom: 50px; }
.article-list li{ float: left; width: 50%; padding:0 15px; margin-bottom: 45px; }
.article-list{ margin:0 -15px; }
.list-txt{ font-size: 18px; color: #333; margin-top: 15px; }
.go-back{ display: inline-block; font-size: 18px; color: #444; padding-left: 50px; background: url(../images/go-back.png) left center no-repeat; }
.go-back-bottom{ padding-bottom: 40px; border-bottom: solid 1px #ddd; }
.list-left-top-phone{ display: none; }
/************新闻中心*************/
.news-left{ background: url(../images/news-left.png) center no-repeat; background-size: cover; }
.news-center li a{ display: block; position: relative; line-height: 60px; border-bottom: solid 1px #ddd; font-size: 18px; color: #000; }
.news-center li a span{ font-size: 18px; color: #666; width: 165px; display: inline-block; }
.page-box{ margin-top: 50px; }
.article-p-about{ padding-bottom: 50px; }
.hs-ul-date{width: 80px;height: 52px;font-weight: bold;border:solid 1px #ffb72c;border-top-width: 15px;font-size: 18px;color: #fff;font-family: "Times New Roman";}
.hs-ul-date span{ font-size: 24px; }
.hds-ul-tt{font-size: 20px;color: #fff;line-height: 35px;height: 70px;overflow:hidden;text-align: justify;margin-left: 110px;}
.hs-ul li{ padding-top: 20px; padding-bottom: 13px; }
.header-link a:hover{ font-weight: bold; }
.list-nav li a:hover{ background: #00849a; color: #fff; }
.img-news a:hover .img-news-tt,.img-slick a:hover .img-slick-tt,.hs-ul li a:hover .hds-ul-tt{color: #00849a;}
.btn-ss:hover{ background: #e69c0d; color: #fff; }
.btn-ss span{ padding-left: 45px; background: url(../images/icon-ss.png) left center no-repeat; }
.hs-ul li:last-child{ padding-bottom: 0; }
.hs-ul{ padding-bottom: 1px; }
.tabs-more:hover{ color: #fff; font-weight: bold; }
.title a.tt-more:hover{ font-weight: bold; }
.tow-news li a:hover{ color: #ffb72c;  }
.xs-list li a:hover{ color: #005867; }
.rw-slick a:hover .rw-slick-tt{ color: #005867; }
.rw-slick-img div{ transition: 0.3s all; }
.rw-slick a:hover .rw-slick-img div{ transform: scale(1.1,1.1); }
/**************华大标识*************/
.bs-box{ box-shadow: 0 0 10px rgba(0,0,0,0.2); padding:30px 0; margin-bottom: 50px; }
.bs-box-tt{ font-size: 18px; color: #00849a; margin-bottom: 10px; font-weight: bold; line-height: 30px; border-left: solid 4px #00849a; padding-left: 20px; }
.bs-box-p p{ text-align: justify; padding:0 24px; font-size: 16px; color: #333; line-height: 35px; }
.bs-box-p p img{ margin-top: 30px; height:auto;}
.bs-box-tt-sm{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 30px; }
.bs-box-date{ width:100%;font-size: 16px; margin-top: 40px; color: #999; font-weight: bold; padding:15px 20px; background: url(../images/ld-bottom.png) center no-repeat; background-size: cover; }
/*************机构设置**************/
.jg-ul-box{ overflow:hidden; }
.jg-ul li{ float: left; width: 50%; padding:0 20px; border-bottom: dashed 1px #ddd; }
.jg-ul{ margin:0 -20px; }
.jg-ul li{ display: block; line-height: 80px; font-size: 16px; color: #333; }
.jg-ul li a{ color: #333; }
.jg-ul li a font{ color: #00849a; padding-right: 10px; }
.jg-ul li a:hover{ color: #00849a; }
/*************聚焦华师***************/
.jj-list li{ float: left; width: 50%; padding:0 25px; margin-top: 50px; }
.jj-list{ margin:0 -25px; }
.jj-img{ position: relative; padding-top: 56%; }
.jj-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.jj-list-bottom{ background: #fff; position: relative; height: 110px; padding:20px; }
.jj-list-date{ font-size: 16px; color: #00849a; position: relative; z-index: 100; }
.jj-list-tt{ font-size: 16px; color: #000; margin-top: 15px; position: relative; z-index: 100; }
.jj-list li a{ display: block; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.jj-list li a:hover .jj-list-bottom{ background: #00849a; }
.jj-list li a:hover .jj-list-date{ color: #fff; }
.jj-list li a:hover .jj-list-tt{ color: #fff; }
.jj-list li a:hover .jj-list-bottom:before{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 78px; background: url(../images/jj-b.png) center no-repeat; }
.list-lg{ padding-bottom: 50px; }
/******************历任领导****************/
.ld-ul li{ border-bottom: solid 1px #ddd; padding-bottom: 15px; margin-top: 20px; font-size: 16px; color: #333; }
.ld-ul-name{ padding-left: 20px; background: url(../images/icon-ld.png) left 5px no-repeat; }
.ld-ul{ padding:0 25px; }
/*********************网站导航*********************/
.dh-ul li{ float: left; width: 50%; padding:0 25px; padding-bottom: 30px; margin-top: 50px; }
.dh-ul li a{ display: block; border-bottom: solid 2px #00849a; padding-bottom: 25px; }
.dh-ul{ margin:0 -25px; }
.dh-p{ padding-right: 80px; margin-top: 10px; font-size: 18px; color: #333; margin-right: 10px; background: url(../images/icon-dh.png) right center no-repeat; }
.dh-ul-tt{ font-size: 24px; color: #00849a; }
/*****************现任领导******************/
.ld-img{ position: absolute; left: 0; top: 0; }
.ld-img img{ width:180px; height: 220px; }
.ld-list li{ float: left; width: 50%; padding:0 20px; margin-bottom: 40px; }
.ld-list{ margin:0 -20px; }
.ld-list li a{ display: block; min-height: 220px; position: relative; }
.ld-list-right { margin-left: 210px; }
.ld-list-name{ font-size: 24px; color: #00849a; }
.ld-list-p{ font-size: 18px; font-weight: bold; margin-top: 15px; }
.ld-list-txt{ color: #666; text-align: justify; line-height: 25px; margin-top: 10px; height: 50px; overflow:hidden; }
.ld-list-lind{ margin-top: 20px; border-top: solid 1px #ddd; }
.ld-more{ display: inline-block; border:solid 1px #ddd; margin-top: 25px;  font-size: 16px; color: #00849a; width: 110px; line-height: 28px; text-align: center; }
.ld-more span{ padding-left: 35px;background: url(../images/ld-more.png) left center no-repeat; }
.ld-list li a:hover .ld-more{ background: #00849a; border-color: #00849a; color: #fff; }
.ld-list li a:hover .ld-more span{ padding-left: 35px;background: url(../images/ld-more02.png) left center no-repeat; }
/************专题网站*************/
.zt-list li .jj-img{ padding-top: 36%;padding-top: 63%; }
.mt-link a{ position: relative; }
.mt-link a:hover div{ display: block; }
.nav-list li { position: relative; padding-bottom: 15px; }
.nav-down{ position: absolute; display: none; min-width: 106px; top: 100%; left: 50%; transform: translateX(-50%); padding:22px 0 14px 0; }
.nav-down li{ float: none; margin:0!important; padding:0!important; }
.nav-down li a{ display: block; font-size: 16px; font-family: "微软雅黑"; color: #fff; font-weight: normal; line-height: 35px; text-align: center; background: url(../images/down-center.png) center repeat-y; }
.nav-down:before{ display: block; content: ""; position: absolute; height: 22px; left: 0; top: 0px; width: 100%; background: url(../images/down-top.png) center no-repeat; }
.nav-down:after{ display: block; content: ""; position: absolute; height: 14px; left: 0; bottom: 0px; width: 100%; background: url(../images/down-bottom.png) center no-repeat; }
.nav-list li:hover .nav-down{ display: block; }




.header.active{background: #00849a;}

.nav-down{padding: 0 10px;background: rgba(0,132,154,0.7);box-shadow: 0 0 5px #666;border-radius:3px;}
.nav-down li a{white-space: nowrap;}
.nav-down:before,.nav-down:after,.nav-down li a{background-image:none;}

.nav-list li.bottom-links,.nav-list li.bottom-links span{display:none;}

@media( max-width: 1479px){
  .container{ width: 1230px; }
  .nav-list li{ margin-right: 72px; }
  .img-news li:last-child{ display: none; }
  .tow-news li a{ padding:18px 0; }
  .txt-mask{ padding-right: 200px; }
  .list-right{ width: 740px; }
  .hs-ul li{ padding-bottom: 5px; }
}
@media( max-width: 1279px){
  .container{ width: 970px; }
  .footer-link a{ margin-right: 50px; }
  .mt-link a{ margin-left: 50px; }
  .footer-tt{ padding-left: 0; padding-right: 50px; }
  .footer-right .footer-tt{ padding-left: 50px; padding-right: 0; }
  .rw-slick .slick-next{ right: 60%; }
  .rw-slick .slick-prev{ left: 60%; }
  .tow-news li:last-child{ display: none; }
  .img-news li:nth-child(6){ display: none; }
  .nav-list li{ margin-right: 20px; }
  .list-right{ width: 500px; }
  .hs-ul li:last-child{ display: none; }
  .ld-list li{ width: 100%; }
}
@media( max-width: 991px){
  .container{ width: 750px; }
  .footer-link a{ margin-right: 30px; }
  .mt-link a{ margin-left: 30px; }
  .footer-tt{ padding-left: 0; padding-right: 30px; }
  .header-link span{ padding:0 4px; }
  .nav-list li a{ font-size: 16px; }
  .logo img{ width: 200px; }
  .nav-list li{ margin-right: 27px; margin-top:35px;  }
  .nav-list li:nth-child(4){ margin-left: 200px; }
  .img-slick{ width: 100%; }
  .img-news{ width: 100%; margin-top: 10px; }
  .tow-left{ width: 100%; }
  .tow-right{ width: 100%; margin-top: 30px; }
  .page-three .col-xs-6{ width: 100%; margin-bottom: 30px; }
  .page-three .col-xs-6:last-child{ margin-bottom: 0; }
  .footer-bottom span{ display: block; }
  .rw-slick{ margin:0; }
  .rw-slick .slick-prev{ left: 0; margin-left:0; }
  .rw-slick .slick-next{ right: 0; margin-right:0; }
  .rw-slick-bottom{ opacity: 1; }
  .list-left{ width: 250px; }
  .list-right{ width: 450px; }
  }
@media( max-width: 768px){
.container{width: 100%;}
  .header .container{ position: relative;min-height:0.9rem;margin:0.2rem 0;}
  .header-top{ display: none; }
  .header{ height:auto;background: #00849a!important; position: fixed; left: 0; top: 0; right: 0; z-index: 10000; }
  body{ padding-top: 1.3rem; }
  .menu-button{ display: block; top:0.5rem;}
  .search-c{ right: 60px; top: 16px; }
.list-left-top-phone .nav-click{line-height:30px;}
  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0.2rem; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.header .nav-click{top:0.1rem;}
    .nav-click.active{ transform: rotate(180deg); }
  .nav-list > .sub-nav{border-top:1px solid #ddd;}
  .nav-list > .sub-nav:first-child{border-top:none;}
    .nav-list li:hover .nav-down{ display: none; }

    .nav-down:before,.nav-down:after{ display: none; }
  .nav-down{ position: static; margin:0; width: 100%; padding:0!important; transform: none;background:none;box-shadow:none;}
  .nav-down li{ float: none!important; margin:0!important; }
  .nav-down li a{background: none; text-align: left; }
  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0.2rem; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
  .nav-list{ position: absolute; display: none; margin-top:0.2rem; border-top: solid 1px #fff; left: 0; top: 100%; right: 0; background: #00849a; min-height:99vh}
  .nav-list li{ float: none; width: 100%; position: relative; margin:0!important; }
  .nav-list > li > a{ padding:0.2rem 15px; display: block;font-size: 0.36rem;line-height: 0.6rem;font-weight:bold }
  .nav-list > li > ul a{font-size:0.3rem;line-height:0.96rem;padding:0 15px;}
  .nav-list > li > ul > li:after{background: #ddd;content:"";width:100%;height:1px;margin-left:15px;display:block;}
  .nav-list > li > ul > li:last-child:after{display:none;}
  .logo img{ width: 100%; height: auto; }
  .logo{ left:15px; top: 0px; transform: translate(0,0);width:3.3rem; }

.nav-list li.bottom-links{display:list-item;font-size:14px;color:#fff;padding:10px 15px;font-family:Micosoft Yahei;overflow:hidden;border-top:1px solid #ddd;}

.nav-list li.bottom-links a{width:25%;font-family:Micosoft Yahei;display:inline-block;color:#fff;font-size:0.24rem;font-weight:normal;padding:0;float:left;line-height: 0.64rem;}
.nav-list li.bottom-links:last-child a{width:50%;}

  .index-flash li,.index-flash li a{ height: 30vh; }
  .tt-box{ font-size: 24px; margin-bottom: 20px; }
  .page-one{ padding:30px 0; }
  .img-slick-p{ height: 50px; }
  .img-news-tt{ font-size: 18px; }
  .page-tow{ padding:30px 0; }
  .title a.tt-more{ margin-top: 10px; }
  .tow-tabs li{ margin-right: 65px; }
  .tabs-more{ display: inline-block; position: static; }
  .tow-tabs li a .tt-box{ margin-bottom: 10px; }
  .page-three{ padding:30px 0; }
  .xs-list li a{ line-height: 55px; font-size: 16px; }
  .page-four{ margin-top: 0; padding:30px 0; }
  .rw-slick-bottom{ display: none; }
  .rw-slick-img{ height: auto; }
  .rw-slick-img div{ height: auto; padding-top:80%; }
  .rw-slick a{ padding-bottom: 0; }
  .zt-slick{ margin:0; }
  .zt-slick .slick-next{ right: 0; margin-right: -15px; }
  .zt-slick .slick-prev{ left: -15px; }
  .page-five{ padding:30px 0; }
  .footer{ padding-top: 30px; }
  .logo-b img{ width: 200px; }
  .footer-left{ width: 100%; }
  .footer-tt{ padding:0; margin-bottom: 20px; font-size: 18px; }
  .footer-link a img{ height: 40px; }
  .footer-link a,.mt-link a{ margin:0 15px; }
  .footer-link{ text-align: center; }
  .footer-right{ width: 100%; }
  .mt-link{ text-align: center; }
  .footer-right .footer-tt{ padding-left: 0; }
  .footer-bottom{ margin-top: 30px; }
  .banner-bottom{ position: static; margin-top: 20px; display: none; }
  .banner-search{ height: auto; padding:15px; background: #06262f; }
  .banner-search-box{ padding-right: 0; }
  .btn-ss{ position: static; font-size: 16px; width: 140px; margin:20px auto 0 auto; display: block; }
  .banner-search-box .form-control{ font-size: 16px; }
  .index-flash .btn{ bottom: 5px; }
  .page-one{ padding-top: 20px; }
  .txt-mask{ padding-right: 50px; }
  .txt-mask p{ overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; }
    .xs-slick .slick-dots{ bottom: 20px; left: 0; right: 0; }
    .search-box-c{ width: auto; left: 15px; right: 15px; margin-left:0; margin-right: 0; }
    .search-a-b{ display: block; position: absolute; right: 55px; top: 0.5rem;  }
    .search-a-b img {display:block;}
    .list-left{ width: 100%; margin-bottom: 20px; min-height: 1px; background: none; padding:0; }
    .list-right{ width: 100%; }
    .list-left .pull-right{ width: 100%; }
    .list-title{ margin-top: 15px; }
    .list-left{ margin-top: 30px; }
    .list-nav{ padding-bottom: 0; display: none; }
    .list-right{ margin-top: 0; margin-bottom: 20px; }
    .article-title{ font-size: 24px; padding-bottom: 15px; }
    .article-title{ margin-bottom: 20px; }
    .article-list li{ margin-bottom: 20px; }
    .list-txt{ font-size: 14px; margin-top: 5px; }
    .go-back-bottom{ padding-bottom: 20px; }
    .list-left-top{ display: none; }
    .list-left-top-phone{ display: block; position: relative; }
    .list-left-top-phone .nav-click{ color: #fff; height: 60px; }
    .list-banner{ height: 150px; }
    .news-center li a{ font-size: 16px; line-height: 50px; }
    .news-center li a span{ font-size: 16px; width: 120px; }
    .page-box{ margin-top: 25px; }
    .hds-ul-tt{ font-size: 16px; margin-top: 5px; }
    .search-a-c{ display: none; }
    .bs-box-p p{ font-size: 14px; line-height: 25px; }
    .bs-box-tt-sm{ margin-bottom: 15px; }
    .bs-box{ margin-bottom: 25px; }
    .bs-box-date{ font-size: 14px; padding:10px; }
    .jg-ul li{ width: 100%; }
    .jg-ul li a{ line-height: 50px; }
    .jj-list li{ width: 100%; margin-top: 30px; }
    .ld-ul .col-xs-6{ width: 100%; }
    .ld-ul-name{ font-size: 14px; margin-bottom: 10px; }
    .ld-ul-date{ font-size: 14px; padding-left: 20px; }
    .dh-ul li{ width: 100%; }
    .dh-ul li{ margin:30px 0 0 0; padding-bottom: 0; }
    .dh-p{ font-size: 16px; }
    .dh-ul li a{ padding-bottom: 15px; }
    .dh-ul-tt{ font-size: 20px; }
    .title font{ left: 0; transform: translate(0,0); }
    .nav-list li{ padding:0; }
}
@media( max-width: 600px){
.page-one .title a.newssite{padding-left:0;margin-left:20px;}
.title a.tt-more{
background-size:17px!important;
background-position:22px center!important;
}
.tabs-more{
background-size:17px!important;
background-position:22px center!important;
}
}
@media( max-width: 400px){
.page-one .title a.newssite{padding-left:0;margin-left:5px;font-size:14px;}
}